﻿<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8" />
    <title>数据管理系统</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta content="Premium Multipurpose Admin & Dashboard Template" name="description" />
    <meta content="MyraStudio" name="author" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />

    <!-- App favicon -->

    <!-- App css -->
    <link href="../assets/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
    <link href="../assets/css/theme.min.css" rel="stylesheet" type="text/css" />

</head>

<body>

    <!-- Begin page -->
    <div id="layout-wrapper">

                <div class="container-fluid" style="margin-top: 10px;">

                    <!-- start page title -->

                    <div class="row">
                        <div class="col-lg-4">
                            <div class="card">
                                <div class="card-body">
                                    <h4 class="card-title d-inline-block">CPU使用率</h4>
    
                                    <div class="text-center">
                                        <input data-plugin="knob" data-width="260" data-height="260" data-linecap=round
                                            data-fgColor="#7266bb" value="29" data-skin="tron" data-angleOffset="180"
                                            data-readOnly=true data-thickness=".1" />
                                        
                                    </div>
    
                                </div>
                            </div>
                        </div> <!-- end col -->
                        <div class="col-lg-4">
                            <div class="card">
                                <div class="card-body">
                                    <h4 class="card-title d-inline-block">内存使用率</h4>
                                    
                                    <div class="text-center">
                                        <input data-plugin="knob" data-width="260" data-height="260" data-linecap=round
                                            data-fgColor="#7266bb" value="18" data-skin="tron" data-angleOffset="180"
                                            data-readOnly=true data-thickness=".1" />
                                    </div>
                                </div>
                            </div>
                        </div> <!-- end col -->

                        <div class="col-lg-4">
                            <div class="card">
                                <div class="card-body">
                                    <h4 class="card-title d-inline-block">磁盘使用率</h4>
    
                                    <div id="morris-donut-example" class="morris-chart" style="height: 260px;"></div>
    
                                </div>
                            </div>
                        </div> <!-- end col -->
                     </div>


                    <div class="row">
                        <div class="col-lg-12">
                            <div class="card">
                                <div class="card-body">
                                    
                                    <h4 class="card-title d-inline-block">数据接入数量监控</h4>

                                    <div id="morris-line-example" class="morris-chart" style="height: 260px;"></div>

                                    <div class="row text-center mt-4">
                                       
                                    </div>
                                </div>
                            </div>
                        </div> <!-- end col -->
                    </div>
                    <!-- end row-->


                </div> <!-- container-fluid -->
            <!-- End Page-content -->

    </div>
    <!-- END layout-wrapper -->

    <!-- Overlay-->
    <div class="menu-overlay"></div>


    <!-- jQuery  -->
    <script src="../assets/js/jquery.min.js"></script>
    <script src="../assets/js/bootstrap.bundle.min.js"></script>
    <script src="../assets/js/metismenu.min.js"></script>
    <script src="../assets/js/waves.js"></script>
    <script src="../assets/js/simplebar.min.js"></script>

    <!-- Morris Js-->
    <script src="../assets/plugins/morris-js/morris.min.js"></script>
    <!-- Raphael Js-->
    <script src="../assets/plugins/raphael/raphael.min.js"></script>

     <!-- Chart Js-->
   <script src="../assets/plugins/jquery-knob/jquery.knob.min.js"></script>

    <!-- Morris Custom Js-->
    <script src="../assets/pages/dashboard-demo.js"></script>

    <!-- App js -->
    <script src="../assets/js/theme.js"></script>

</body>

</html>